<?php

require_once('_ini.php');

function DefineHeader() {
?><style type="text/css">
#header{
width:941px;
overflow:hidden;
}
  #header img{
    float:left;
    margin: 0px;
  }
  #menu{
    background-color:#3C3836;
    width:228px;
    height:243px;
    float:right;
    list-style-type:none;
    padding:7px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
#content{
width:942px;
padding:18px 0 97px 0;
}

  /* Main content */
  #blocks{
    background-image: url(images/homepage/3bg.gif);
    background-position: top left;
    background-repeat: repeat-y;
  }
  #blocks > div.top {
    background-image: url('images/homepage/3top.gif');
    width: 942px;
    height: 10px;
    font-size: 1px;
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  #blocks > div.bottom {
    clear: both;
    background-image: url('images/homepage/3bot.gif');
    width: 942px;
    height: 9px;
    font-size: 1px;
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  #blocks > div.content {
    height: 224px;
  }
  #blocks > div.content > div {
    width: 268px;
    float: left;
    padding: 12px 23px 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #010101
  }
  #blocks .image{
    margin-top:14px
  }
  #blocks p {
    padding: 14px 0px 0px;
  }

#menu a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#010101;
text-decoration:none
}
#menu a:visited{text-decoration:none}
#menu a:hover{text-decoration:underline}
#menu a{
display:block;
float:left;
width:150px;
background-position:left 5px;
background-repeat:no-repeat;
padding:0 0 0 52px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#E1F8FD;
text-decoration:none;
line-height:30px;
}
.hp_button:hover, .hp_button_active{background-image:url(images/homepage/button.gif);}
.about{
width:409px;
float:left;
padding:0 22px 0 16px;
}
#menu li{
float:left;
}
.read_more:visited{text-decoration:underline}
.read_more:hover{text-decoration:none}
</style>
<?
}

function DefineContent() {
  if ($_SESSION['userId'])
    $loginRegisterLogout = '<a href="account.php" class="hp_button">Account</a></li><li><a href="logout.php" class="hp_button">Logout</a>';
  else
    $loginRegisterLogout = '<a href="login_register.php" class="hp_button">Login</a></li><li><a href="login_register.php" class="hp_button">Register</a>';
?>
  <div id="header">
    <ul id="menu">
      <li><a href="#" class="hp_button">About Us</a></li>
      <li><a href="#" class="hp_button">Ways to Give</a></li>			
      <li><a href="#" class="hp_button">News &amp; Events</a></li>
      <li><a href="#" class="hp_button">FAQ</a></li>
      <li><?=$loginRegisterLogout ?></li>
      <li><a href="gallery.php" class="hp_button">Photo Gallery</a></li>
      <li><a href="#" class="hp_button">Contact Us</a></li>
    </ul>
    <a href="<?=_webroot('/donations/index.php') ?>"><img src="images/photo.jpg" alt="" width="713" height="250" border="0" /></a>
  </div>
	<div id="content">
		<div id="blocks">
			<div class="top"></div>
      <div class="content">
        <div>
          <img src="images/homepage/title1.gif" alt="" width="268" height="16" />
          <img src="images/homepage/pic1.jpg" width="268" height="75" class="image" />
          <p align="justify">Adoption Information will go here. Adoption Information will go here. Adoption Information will go here. Adoption Information will go here. Adoption Information will go here. </p>
          <a href="#" class="read_more">read more</a>
        </div>
        <div>
          <img src="images/homepage/title2.gif" alt="" width="268" height="16" />
          <img src="images/homepage/pic2.jpg" width="268" height="75" class="image" />
          <p align="justify">Information for helping children will go here. Information for helping children will go here. Information for helping children will go here. Information for helping children will go here. </p>
          <a href="#" class="read_more">read more</a>
        </div>
        <div>
          <img src="images/homepage/title3.gif" alt="" width="268" height="16" />
          <img src="images/homepage/pic3.jpg" width="268" height="75" class="image" />
          <p align="justify">Clients testimonies will go here. Clients testimonies will go here. Clients testimonies will go here. Clients testimonies will go here. Clients testimonies will go here. Clients testimonies will go here. </p>
          <a href="#" class="read_more">read more</a>
        </div>
      </div>
      <div class="bottom"></div>
		</div>
	</div>
<?
}

require_once('_loader.php');